﻿
@{
    ViewBag.Title = "开发日志";
    Layout = "~/Views/Shared/_MyLayout.cshtml";
}
@section head{
    <link rel="stylesheet" href="~/Content/layui2/layuiadmin/layui/css/layui.css" media="all">
    <link rel="stylesheet" href="~/Content/layui2/layuiadmin/style/admin.css" media="all">
    <script src="~/Content/layui2/layuiadmin/layui/layui.js"></script>
}

<style>
    /* 这段样式只是用于演示 */
    #LAY-component-timeline .layui-card-body {
        padding: 15px;
    }
</style>

<div class="layui-fluid" id="LAY-component-timeline">
    <div class="layui-row layui-col-space15">
        <div class="layui-col-md12">
            <div class="layui-card">
                <div class="layui-card-header">该页面展系统视频介绍</div>
                <div class="layui-card-body">
                    <ul class="layui-timeline">
                        <li class="layui-timeline-item">
                            <i class="layui-icon layui-timeline-axis"></i>
                            <div class="layui-timeline-content layui-text">
                                <h3 class="layui-timeline-title">一期开发介绍</h3>
                                <video preload="auto" controls="controls" width="50%">
                                    <source src="http://www.shecheng365.com//upload/video/20190514/6369344004847762211401158.mp4" type='video/mp4'>
                                </video>
                            </div>
                        </li>

                        <li class="layui-timeline-item">
                            <i class="layui-icon layui-timeline-axis"></i>
                            <div class="layui-timeline-content layui-text">
                                <h3 class="layui-timeline-title">二期开发介绍</h3>
                                <video preload="auto" controls="controls" width="50%">
                                    <source src="http://www.shecheng365.com/upload/video/20190727/6369979018410028382818980.mp4" type='video/mp4'>
                                </video>
                            </div>
                        </li>

                        <li class="layui-timeline-item">
                            <i class="layui-icon layui-timeline-axis"></i>
                            <div class="layui-timeline-content layui-text">
                                <h3 class="layui-timeline-title">二期开发（修改）</h3>
                                <video preload="auto" controls="controls" width="50%">
                                    <source src="http://www.shecheng365.com/upload/video/20190920/6370453510012057026023479.mp4" type='video/mp4'>
                                </video>
                            </div>
                        </li>

                        <li class="layui-timeline-item">
                            <i class="layui-icon layui-timeline-axis"></i>
                            <div class="layui-timeline-content layui-text">
                                <h3 class="layui-timeline-title">工程流程记录及展示</h3>
                                <video preload="auto" controls="controls" width="50%">
                                    <source src="http://www.shecheng365.com/upload/video/20200116/6371478954179235196800462.mp4" type='video/mp4'>
                                </video>
                            </div>
                        </li>

                    </ul>

                </div>
            </div>
        </div>
        @*<div class="layui-col-md12">
            <div class="layui-card">
                <div class="layui-card-header">简约时间线</div>
                <div class="layui-card-body">

                    <ul class="layui-timeline">
                        <li class="layui-timeline-item">
                            <i class="layui-icon layui-timeline-axis"></i>
                            <div class="layui-timeline-content layui-text">
                                <div class="layui-timeline-title">
                                    2018年，layui 5.0 发布，并发展成为中国最受欢迎的前端 UI 框架（期望）
                                </div>
                            </div>
                        </li>
                        <li class="layui-timeline-item">
                            <i class="layui-icon layui-timeline-axis"></i>
                            <div class="layui-timeline-content layui-text">
                                <div class="layui-timeline-title">2017年，layui 里程碑版本 2.0 发布</div>
                            </div>
                        </li>
                        <li class="layui-timeline-item">
                            <i class="layui-icon layui-timeline-axis"></i>
                            <div class="layui-timeline-content layui-text">
                                <div class="layui-timeline-title">2016年，layui 首个版本发布</div>
                            </div>
                        </li>
                        <li class="layui-timeline-item">
                            <i class="layui-icon layui-timeline-axis"></i>
                            <div class="layui-timeline-content layui-text">
                                <div class="layui-timeline-title">2015年，layui 孵化</div>
                            </div>
                        </li>
                        <li class="layui-timeline-item">
                            <i class="layui-icon layui-anim layui-anim-rotate layui-anim-loop layui-timeline-axis"></i>
                            <div class="layui-timeline-content layui-text">
                                <div class="layui-timeline-title">更久前，轮子时代。维护几个独立组件：layer等</div>
                            </div>
                        </li>
                    </ul>

                </div>
            </div>
        </div>*@
    </div>
</div>


<script>
    layui.config({
        base: '/Content/layui2/layuiadmin/' //静态资源所在路径
    }).extend({
        index: 'lib/index' //主入口模块
    }).use(['index']);
</script>

